<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>认识你自己</title>
  

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
</head>
<body>

  <header class="header" id="header">
    <div class="header-bg"></div>
    <div class="header-top">
      <div class="container">
       
        <nav class="header-nav">
          <a href="#" class="item item-cur">发现</a>
          <a href="#" class="item"></a>
          <a href="#" class="item new-icon">施拉姆<i></i></a>
          <a href="#" class="item">霍夫兰</a>
          
          <div class="nav-more__hover">
  
        </nav>
        <div class="header-user">
          <a href="#" class="register">注册</a>
          <a href="#" class="login">登录</a>
        </div>
        <div class="search">
          <form action="#">
            <input type="text" class="search-text" placeholder="搜索你喜欢的">
            <a href="#" class="search-btn sprite_icon"></a>
          </form>
        </div>
      </div>
    </div>
  
    <div class="banner">
<h2> <div class="main-list__wrapper clearfix"><span> 传播学是社会关系的本质</span> </div>  </h2>
        
      <div class="search">
        <form action="#">
          <input type="text" class="search-text" placeholder="搜索你喜欢的">
          <a href="#" class="search-btn sprite_icon"></a>
        </form>
      </div>
      <p class="search-hot">热门搜索：<a href="#">传播学史</a></p>
    </div>
    <div class="header-bg__info"></div>
  </header>

  <div class="main">
    <div class="main-inner">
      <div class="main-list">
        <div class="recommend-line">
          <span>大家正在关注</span>
        </div>
        <div class="main-list__wrapper clearfix">
          <a href="01/01.html"><img src="images/cont/main-list__img1.jpg" alt="#"><span>第一次作业</span></a>
          <a href="02/02.html"><img src="images/cont/main-list__img2.jpg" alt="#"><span>第二次作业</span></a>
          <a href="03/03.html"><img src="images/cont/main-list__img3.jpg" alt="#"><span>第三次作业</span></a>
          <a href="04/04.html"><img src="images/cont/main-list__img4.jpg" alt="#"><span>第四次作业</span></a>
          <a href="05/05.html"><img src="images/cont/main-list__img5.jpg" alt="#"><span>第五次作业</span></a>
          <a href="06/06.html"><img src="images/cont/main-list__img6.jpg" alt="#"><span>第六次作业</span></a>
          <a href="07/0777.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第七次作业</span></a>
      
          <a href="08/088.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第八次作业</span></a>
          <a href="09/09.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第九次作业</span></a>
          <a href="10/index.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第十次作业</span></a>
          <a href="11/0111.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第十一次作业</span></a>
          <a href="12/12.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第十二次作业</span></a>
           <a href="13/0133.html"><img src="images/cont/main-list__img7.jpg" alt="#"><span>第十三次作业</span></a>
           <a href="期末/数据.html"><img src="images/cont/main-list__img1.jpg" alt="#"><span>期末作业</span></a>
        </div>
      </div>
     
          
  </div>

  <footer class="footer" id="footer">
    <div class="footer-column__wrapper">
      <div class="footer-column">
        <a href="#" class="title">首页</a>
       <a href="#" class="title">联系与合作</a>
      </div>
     
    
      <div class="footer-column footer-followus">
        <a href="#" class="title">关注我们</a>
        <a href="#">新浪微博：@认识你自己</a>
       
      </div>
    </div>
    <div class="footer-copyright">
      <p>© TO BE *******限公司<span class="divider">|</span><a href="#">*******号</a></p>
    </div>
  </footer>


    
      <div class="close"><span></span></div>
 



</body>
</html>